/*
 * @Description: 档案鉴定审核操作
 * @Author: Rfan
 * @Date: 2022-07-29 14:24:43
 * @LastEditTime: 2022-07-29 18:54:04
 */

import { Button, Form, Input, Select, Space } from 'antd';
import cs from 'classnames';
import { useMemo, useState } from 'react';
import AddDialog from './dialogs/AddDialog';

const PageOperate = (props: any) => {
  const { classname } = props;

  const [addVisible, setAddVisible] = useState(false);

  return (
    <>
      <div className={cs('filter-container', 'page-operate', classname)}>
        <div>鉴定审核列表</div>
        <Space>
          {/* <Form layout="inline"> */}
          {/*  <Form.Item label="全宗"> */}
          {/*    <Select /> */}
          {/*  </Form.Item> */}
          {/*  <Form.Item label="档案类型"> */}
          {/*    <Select /> */}
          {/*  </Form.Item> */}
          {/*  <Form.Item label="申请单名称"> */}
          {/*    <Input /> */}
          {/*  </Form.Item> */}
          {/*  <Form.Item label="申请人"> */}
          {/*    <Select /> */}
          {/*  </Form.Item> */}
          {/* </Form> */}
          <Button
            onClick={() => {
              setAddVisible(true);
            }}
          >
            新建审核单
          </Button>
        </Space>
      </div>
      {useMemo(
        () => (
          <AddDialog
            visible={addVisible}
            onClose={() => {
              setAddVisible(false);
            }}
          />
        ),
        [addVisible]
      )}
    </>
  );
};

export default PageOperate;
